<?
$_css = '<link href="css/reg.css" rel="stylesheet" type="text/css" />';
$_title = 'Registration';
include('./includes/header.php');
?>
<script type="text/javascript">
    function reg(){
        var username = $('#reg_uid').val();
        $('#reg_container').load('reging.php',{'username':username});
    }
</script>
<div id="reg_container">
    <fieldset>
        <legend>Required Information</legend>
        <input class="reg_text" type="text" id="reg_uid" onclick="TextBoxHelper(this)" value="Username" />
        <input class="reg_text" type="text" id="reg_pw" onclick="TextBoxHelper(this)" value="Password" />
        <input class="reg_text" type="text" id="reg_email" onclick="TextBoxHelper(this)" value="Email Address" />
    </fieldset>

    <fieldset>
        <legend>Optional Information</legend>
        <select id="reg_sel_sex">
            <option value="" selected="selected">Select One</option>
            <option value="m">Male</option>
            <option value="f">Female</option>
        </select>
        <input class="reg_text" type="text" id="reg_age" onclick="TextBoxHelper(this)" value="Age" />
        <input class="reg_text" type="text" id="reg_school" onclick="TextBoxHelper(this)" value="School" />
    </fieldset>
    <input id="reg_submit" value="Submit and Register" type="submit" onclick="reg()" />
</div>

<? include('./includes/footer.php') ?>